<footer>
  <section class="panel -gray panel-newsletter">
    <div class="row fullwidth">
      <div class="show-for-large-up large-6 columns subscribe">

        <div id="mc_embed_signup">
          <form action="//deis.us2.list-manage.com/subscribe/post?u=2ad6b6ca7910248391eaa8751&amp;id=9342c8c944" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
            <div id="mc_embed_signup_scroll">
              <div class="mc-field-group">
                <label for="mce-EMAIL">Subscribe to our newsletter</label>
                <input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Subscribe to our newsletter">
              </div>
              <div id="mce-responses" class="clear">
                <div class="response" id="mce-error-response" style="display:none"></div>
                <div class="response" id="mce-success-response" style="display:none"></div>
              </div>

              <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
              <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5e404606794b4dac9cd4667c8_2706763c5b" tabindex="-1" value=""></div>
              <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
            </div>
          </form>
        </div>

        <script type='text/javascript' src='{{ base_url }}/static/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
        <!--End mc_embed_signup-->

      </div>
      <div class="small-12 small-text-center large-only-text-right large-6 columns social">
        <nav class="text-right">
          <a id="footer-twitter" class="fa fa-twitter" title="Deis on Twitter" href="https://twitter.com/opendeis" target="_blank"></a>
          <a id="footer-so" class="fa fa-stack-overflow" title="Deis on StackOverflow" href="http://stackoverflow.com/questions/tagged/deis?sort=active" target="_blank"></a>
          <a id="footer-gh" class="fa fa-github" title="Deis on Github" href="https://github.com/deis" target="_blank"></a>
          <a id="footer-slack" class="fa fa-slack" title="Deis Slack Channel" href="https://slack.deis.io/" target="_blank"></a>
          <a id="footer-contact-email" class="fa fa-envelope" title="Contact us via email" href="mailto:services@deis.com?Subject=Website%20contact" target="_blank"></a>
        </nav>
      </div>
    </div>
  </section>
  <section class="panel panel-links">
    <div class="row fullwidth">
      <div class="small-4 medium-2 large-4 small-only-text-center columns logo-and-copyright">
        <div class="logo">
          <a id="footer-return" href="//deis.com"><img src="{{ base_url }}/static/img/svg/footer-logo.svg" alt="Deis"></a>
        </div>
        <p class="copyright show-for-large-up">
          <a id="footer-privacy" href="//deis.com/policies/privacy">Privacy Policy</a>
        </p>
      </div>
      <div class="small-8 medium-10 large-8 columns">
        <div class="row">
          <div class="small-6 medium-3 medium-offset-3 columns">
            <dl>
              <dt><a id="footer-gh-community" href="https://deis.com/community">Community</a></dt>
              <dd><a id="footer-get-involved" href="https://deis.com/community">Events</a></dd>
              <dd><a id="footer-videos-events" href="https://www.youtube.com/channel/UCWEgHkfXx-sUbP3QS8QTkDQ">Videos</a></dd>
              <dd><a id="footer-get-involved" href="https://deis.com/phippy">Illustrated Guide</a></dd>
            </dl>
          </div>
          <div class="small-6 medium-3 columns">
            <dl>
              <dt><a id="footer-projects" href="https://deis.com/workflow">Projects</a></dt>
              <dd><a id="footer-workflow" href="https://deis.com/workflow">Workflow</a></dd>
              <dd><a id="footer-helm" href="//helm.sh">Helm</a></dd>
              <dd><a id="footer-steward" href="https://github.com/deis/steward">Steward</a></dd>
            </dl>
          </div>
          <div class="small-6 medium-3 columns">
            <dl>
              <dt><a id="footer-company" href="https://deis.com/about">Company</a></dt>
              <dd><a id="footer-careers" href="https://deis.com/blog">Blog</a></dd>
              <dd><a id="footer-about" href="https://deis.com/about">About</a></dd>
              <dd><a id="footer-contact" href="https://deis.com/about#contact">Contact</a></dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
  </section>

</footer>
